<template>
    <div class="banner__wrapper">
        <div class="row g-4">
            <div class="col-lg-6">
                <div class="banner__content banner__content--style3" data-aos="zoom-in" data-aos-duration="1000">
                    <div class="banner__content-star">
                        <img src="/images/icon/home3/1.png" alt="star icon">
                        <div class="star-details">
                            <span>Start Learning Today</span>
                        </div>
                    </div>
                    <h1>The Best
                        Platform Enroll
                        in Your Special Course</h1>
                    <p>“Our mision is to help people to find the best course - online and learn with expert
                        anywhere”
                    </p>
                    <div class="btn-group">
                        <nuxt-link to="/signin" class="trk-btn  trk-btn--secondary3">Get Started
                            <span><i class="fa-solid fa-arrow-right"></i></span> </nuxt-link>
                        <nuxt-link to="/about" class="trk-btn trk-btn--secondary brand-3">Learn More</nuxt-link>
                    </div>
                </div>
            </div>
            <div class="col-lg-6">
                <div class="banner__thumb banner__thumb--style3">
                    <div class="banner__thumb-item">
                        <img src="/images/banner/home3/1.png" alt="image">
                    </div>
                </div>
            </div>
        </div>


    </div>
</template>